<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content=";url=">
    <link rel="icon" href="公众号：UnseeR.ico" type="image/x-ico">

    <style type="text/css">
        @import url("chap.css");

    </style>

    <!--网页警告-->
    <script type="text/javascript">
        lert("关注公众号：UnseeR,了解更多内容");

    </script>

    <title>Chap 2</title>
</head>

<body>

    <!--目录-->
    <hr class="hr_chap">
    <div>

        <h2 id="chap2 2" align="center">
            <a name="2">
                <a href="#第2章 HTML 基础">
                    第2章 HTML 基础
                </a>
            </a>
        </h2>

        <h3 id="chap2 2.1">
            <a name="2.1">
                <a href="#2.1 HTML 文档基础">
                    2.1 HTML 文档基础
                    <abbr title="2.1 HTML 文档基础">
                        --------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h3>

        <h3 id="chap2 2.2">
            <a name="2.2">
                <a href="#2.2 头部 <head>">
                    2.2 头部 &lt;head>
                    <abbr title="2.2 头部 <head>">
                        ----------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h3>

        <h4 id="chap2 2.2.1">
            <a name="2.2.1">
                <a href="#2.2.1 页面标题 <title></title>">
                    2.2.1 页面标题 &lt;title>&lt;/title>
                    <abbr title="2.2.1 页面标题 <title></title>">
                        -----------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h4>

        <h4 id="chap2 2.2.2">
            <a name="2.2.2">
                <a href="#2.2.2 元信息<meta>">
                    2.2.2 元信息&lt;meta>
                    <abbr title="2.2.2 元信息<meta>">
                        ----------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h4>

        <h3 id="chap2 2.3">
            <a name="2.3">
                <a href="#2.3 主体 body">
                    2.3 主体 body
                    <abbr title="2.3 主体 body">
                        -------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h3>

        <h4 id="chap2 2.3.1">
            <a name="2.3.1">
                <a href="#2.3.1 body 标记">
                    2.3.1 body 标记
                    <abbr title="2.3.1 body 标记">
                        ---------------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h4>

        <h4 id="chap2 2.3.2">
            <a name="2.3.2">
                <a href="#2.3.2 body 标记属性">
                    2.3.2 body 标记属性
                    <abbr title="2.3.2 body 标记属性">
                        ----------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h4>

        <h3 id="chap2 2.4">
            <a name="2.4">
                <a href="#2.4 HTML 基本语法">
                    2.4 HTML 基本语法
                    <abbr title="2.4 HTML 基本语法">
                        --------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h3>

        <h4 id="chap2 2.4.1">
            <a name="2.4.1">
                <a href="#2.4.1 标记语法">
                    2.4.1 标记语法
                    <abbr title="2.4.1 标记语法">
                        -----------------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h4>

        <h4 id="chap2 2.4.2">
            <a name="2.4.2">
                <a href="#2.4.2 属性语法">
                    2.4.2 属性语法
                    <abbr title="2.4.2 属性语法">
                        -----------------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h4>

        <h3 id="chap2 2.5">
            <a name="2.5">
                <a href="#2.5 注释">
                    2.5 注释
                    <abbr title="2.5 注释">
                        --------------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h3>

        <h3 id="chap2 2.6">
            <a name="2.6">
                <a href="#2.6 HTML 文档编写规范">
                    2.6 HTML 文档编写规范
                    <abbr title="2.6 HTML 文档编写规范">
                        ----------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h3>

        <h3 id="chap2 2.7">
            <a name="2.7">
                <a href="#2.7 HTML 文档类型">
                    2.7 HTML 文档类型
                    <abbr title="2.7 HTML 文档类型">
                        ---------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h3>

        <h4 id="chap2 2.7.1">
            <a name="2.7.1">
                <a href="#2.7.1 <!DOCTYPE> 标记">
                    2.7.1 &lt;!DOCTYPE> 标记
                    <abbr title="2.7.1 <!DOCTYPE> 标记">
                        ------------------------------------------------------------------------------------------------------------------------
                    </abbr>
                </a>
            </a>
        </h4>
    </div>
    <hr class=" hr_chap">

    <!--第2章 HTML 基础-->
    <h2 class="h2_chap">
        <abbr title="点击返回目录">
            <a name="第2章 HTML 基础">
                <a href="#2">
                    第2章 HTML 基础
                </a>
            </a>
        </abbr>
    </h2>

    <!--2.1 HTML文档结构-->
    <h3 class="h3_impo">
        <abbr title="点击返回目录">
            <a name="2.1 HTML 文档基础">
                <a href="#2.1">
                    2.1 HTML 文档基础
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                <aside>
                    <abbr title="双标记">HTML</abbr> 文档由<blink>头部head</blink>和<font class="impo">主体body</font>
                    两个部分组成。<b>一般况下，每个HTML文档有且只有一个html、head和body元素</b>
                    。在头部标记中，可定义标题、样式等；在主体标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。
                </aside>
            </font>
        </li>
        <li>
            <font>基本语法
                <blockquote class="inde_code">
                    <blink>
                        &lt;html><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;head>&lt;/head>
                        <br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;body>&lt;/body>
                        <aside>
                            <blink>&lt;/html></blink>
                        </aside>
                    </blink>
                </blockquote>
            </font>
        </li>
    </ul>

    <!--2.2 头部 <head>-->
    <h3 class="h3_impo">
        <abbr title="点击返回目录">
            <a name="2.2 头部 <head>">
                <a href="#2.2">
                    2.2 头部 &lt;head>
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                <abbr title="双标记">head</abbr> 标记主要包含页面标题标记、元信息标记、样式标记、脚本标记、链接标记等。
            </font>
        </li>
    </ul>

    <!--2.2.1 页面标题 <title></title>-->
    <h3 class="h3_seco">
        <abbr title="点击返回目录">
            <a name="2.2.1 页面标题 <title></title>">
                <a href="#2.2.1">
                    2.2.1 页面标题 &lt;title>&lt;/title>
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                <abbr title="双标记">title</abbr> 基本语法
                <blockquote class="inde_code">
                    &lt;title>
                    <b>
                        标题信息显示在浏览器的标题栏上
                    </b>&lt;/title>
                </blockquote>
            </font>
        </li>
    </ul>

    <!--2.2.2 元信息<meta>-->
    <h3 class="h3_seco">
        <abbr title="点击返回目录">
            <a name="2.2.2 元信息<meta>">
                <a href="#2.2.2">
                    2.2.2 元信息&lt;meta>
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                <aside>
                    <abbr title="单标记">meta</abbr> 标记用来描述一个HTML网页文档的属性，这些信息并不会显示在浏览器的页面中。例如作者、日期和时间、网页描述、关键词、
                    页面刷新等。meta标记位于
                    <b>文档的头部</b>，其属性定义了与文档相关联的“名称/值”对。
                </aside>
            </font>
        </li>
        <li>
            <font>
                基本语法
                <blockquote class="inde_code">
                    &lt;meta <blink>name="" content=""</blink>>
                    <aside>&lt;meta <blink>http-equiv="" content=""</blink>></aside>
                </blockquote>
            </font>
            <img hspace="20px" vspace="20px" width="700px" height="300px" src="2.2.2meta标记属性值对应表.jpg.png"
                alt="2.2.2meta标记属性值对应表.jpg.png">
        </li>
    </ul>

    <!--2.3 主体 body-->
    <h3 class="h3_impo">
        <abbr title="点击返回目录">
            <a name="2.3 主体 body">
                <a href="#2.3">
                    2.3 主体 body
                </a>
            </a>
        </abbr>
    </h3>

    <!--2.3.1 body 标记-->
    <h3 class="h3_seco">
        <abbr title="点击返回目录">
            <a name="2.3.1 body 标记">
                <a href="#2.3.1">
                    2.3.1 body 标记
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                <aside>
                    <abbr title="双标记">body</abbr> 标记中可以放置的是<b>页面中所有的内容</b>
                    ，如图片、图像、表格、文字、超链接等元素。所有WWW文档的主体部分都是由body标记定义的。
                </aside>
            </font>
        </li>
    </ul>

    <!--2.3.2 body 标记属性-->
    <h3 class="h3_seco">
        <abbr title="点击返回目录">
            <a name="2.3.2 body 标记属性">
                <a href="#2.3.2">
                    2.3.2 body 标记属性
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                设置body标记属性可以<font class="seco"></font>
                。body标记主要属性有text、bgcolor、background、link、alink、vlink、topmargin、leftmargin。
            </font>
        </li>
        <li>
            <font>
                基本语法
                <blockquote class="inde_code">
                    &lt;body <blink>leftmargin</blink>="50px" <blink>topmargin</blink>
                    ="50px"
                    <aside class="inde_code2">
                        <blink>text</blink>="#000000" <blink>background</blink>="body.jpg"<blink>bgcolor</blink>
                        ="#339999"
                    </aside>
                    <aside class="inde_code2">
                        <blink>link</blink>="blue" <blink>alink</blink>="white" <blink>vlink</blink>="red">
                    </aside>
                </blockquote>
            </font>
        </li>
        <li>
            <font>属性说明</font>
        </li>
        <img hspace="20px" vspace="20px" width="780px" height="380px" src="2.3.2 body标记属性.jpg.png"
            alt="2.3.2 body标记属性.jpg.png">
    </ul>

    <!--2.4 HTML 基本语法-->
    <h3 class="h3_impo">
        <abbr title="点击返回目录">
            <a name="2.4 HTML 基本语法">
                <a href="#2.4">
                    2.4 HTML 基本语法
                </a>
            </a>
        </abbr>
    </h3>

    <!--2.4.1 标记语法-->
    <h3 class="h3_seco">
        <abbr title="点击返回目录">
            <a name="2.4.1 标记语法">
                <a href="#2.4.1">2.4.1 标记语法
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                <aside>
                    HTML标记是由<blink>尖括号</blink>包围的关键词，用于说明<b>指定内容的外貌和特征</b>，也称为<strong>标签（Tag）</strong>。
                    标记通常分为单个标记和成对标记两种类型。
                </aside>
            </font>
        </li>
        <li>
            <font>
                单个标记常用有：&lt;br>、&lt;br />表示换行，&lt;hr>、&lt;hr />表示水平分隔线。
            </font>
        </li>
        <li>
            <font>
                <aside>
                    成对标记：<b>&lt;标记名称></b> 内容 <b>&lt;/标记名称></b>
                </aside>
            </font>
        </li>
    </ul>

    <!--2.4.2 属性语法-->
    <h3 class="h3_seco">
        <abbr title="点击返回目录">
            <a name="2.4.2 属性语法">
                <a href="#2.4.2">
                    2.4.2 属性语法
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                基本语法<br />&lt;标记名称 属性1=“属性值1” 属性2=“属性值2” … 属性n="属性值n">
            </font>
        </li>
        <li>
            <font>
                <aside>
                    语法说明<br>属性应在<b>开始标记</b>（首标记）内定义，并且和标记名之间有<blink>一个空格</blink>分隔。
                </aside>
            </font>
        </li>
    </ul>

    <!--2.5 注释-->
    <h3 class="h3_impo">
        <abbr title="点击返回目录">
            <a name="2.5 注释">
                <a href="#2.5">
                    2.5 注释
                </a>
            </a>
        </abbr>
    </h3>
    <ol type="1">
        <li>
            <font>
                &lt;!-- 注释信息 -->
        <li type="none">
            &bull; 基本语法
            <blockquote class="inde_code">
                <blink>&lt;!--</blink> 显示一个段落 <blink>--></font>
            </blockquote>
        </li>
        </font>
        </li>
        <li value="2">
            <font>
                &lt;comment>&lt;/comment>标记
        <li type="none">
            &bull; 基本语法</li>
        <blockquote class="inde_code">
            <blink>&lt;comment></blink> 显示一个段落 <blink>&lt;/comment></blink>
        </blockquote>
        </font>
        </li>
    </ol>

    <!--2.6 HTMl 文档编写规范-->
    <h3 class="h3_impo">
        <abbr title="点击返回目录">
            <a name="2.6 HTML 文档编写规范">
                <a href="#2.6">
                    2.6 HTMl 文档编写规范
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                <aside>
                    1、文档的扩展名为<blink>html</blink>或者<blink>htm</blink>；
                </aside>
            </font>
        </li>
        <li>
            <font>
                2、文档名中只可由<b>英文字母</b>、<b>数字</b>或<b>下划线</b>组成；
            </font>
        </li>
        <li>
            <font>
                3、文档名中不能包含特殊符号，如空格、$、&等；
            </font>
        </li>
        <li>
            <font>
                <aside>
                    4、文档名<blink>区分大小写</blink>；
                </aside>
            </font>
        </li>
        <li>
            <font>
                <aside>
                    5、Web服务器主页一般是<blink>index</blink><strong>.html</strong>或<blink>default</blink>
                    <strong>.html</strong>；
                </aside>
            </font>
        </li>
    </ul>

    <!--2.7 HTML 文档类型-->
    <h3 class="h3_impo">
        <abbr title="点击返回目录">
            <a name="2.7 HTML 文档类型">
                <a href="#2.7">
                    2.7 HTML 文档类型
                </a>
            </a>
        </abbr>
    </h3>

    <!--2.7.1 <!DOCTYPE> 标记-->
    <h3 class="h3_seco">
        <abbr title="点击返回目录">
            <a name="2.7.1 <!DOCTYPE> 标记">
                <a href="#2.7.1">
                    2.7.1&lt;!DOCTYPE> 标记
                </a>
            </a>
        </abbr>
    </h3>
    <ul>
        <li>
            <font>
                基本语法
                <blockquote class="inde_code">
                    <blink>&lt;!DOCTYPE element-name DTD-type DTD-name DTD-url></blink>
                </blockquote>
            </font>
        </li>
        <li>
            <font>语法说明
                <aside>
                    &bull; DOCTYPE 是<blink>关键字</blink>，开始<b> 声明 </b><abbr
                        title="Document Type Definition">DTD</abbr>（文档类型定义）；
                    <br />&bull; DTD-type 指定该DTD是属于<abbr title="标准公用">PUBLIC</abbr>的还是<abbr title="私人制定">SYSTEM</abbr>的；
                    <br />&bull; DTD-name 指定该DTD的<b>文件名称</b>；
                    <br />&bull; DTD-url 指定该DTD文件所在的<b>URL地址</b>；
                </aside>
            </font>
        </li>
    </ul>

</body>

</html>
